
<div class="right-plate" id="synonymTable">
  <div class="table-thead" *ngIf="tabVal" [ngClass]="{'table-thead-scroll':tabVal.length > 17}">
    <table class="tableStyle table table-hover table-striped">
      <thead>
        <tr>
          <th class="w5 text-center">
            <input type="checkbox" #event (click)="_selectAll(event.checked,tabVal)" [checked]="isSelectAll">
          </th>
          <th class="w5 text-center max-w">序号</th>
          <th class="w30 text-left max-w">项目名称</th>
          <!-- <th class="w20 text-left max-w">启用状态</th> -->
          <th class="w20 text-left max-w">创建时间</th>
          <th class="w15 text-left">操作</th>
        </tr>
      </thead>
    </table>
  </div>
  <div class="table-tbody">
    <table class="tableStyle table table-hover table-striped">
      <tbody>
        <tr *ngFor="let val of tabVal;let i = index">
          <td class="bs-checkbox w5 text-center">
            <input type="checkbox" #event (click)="_chose(event.checked,val.projectId,tabVal.length)" [checked]="isChose">
          </td>
          <td class="w5 text-center">{{ i+1 }}</td>
          <td class="w30 text-left max-w" [title]="val.projectName">{{ val.projectName }}</td>
          <!-- <td class="w20 text-left max-w">
            <span class="stateGreen" *ngIf="val.status === 0">启用</span>
            <span class="stateRed" *ngIf="val.status === -1">禁用</span>
          </td> -->
          <td class="w20 text-left max-w">{{val.createTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
          <td class="w15 text-left max-w">
            <!-- <span title="编辑" class="btn-i" data-toggle="modal" data-target="#projectUpdate" *ngIf="right['systemProject']['update']" (click)="edit._details(val);initService._init(1)">
              <img src="assets/new/update.png" width="15px" height="15px">
            </span> -->
            <span title="详情" class="btn-i" (click)="detail._details(val);initService._init(1)" data-toggle="modal" data-target="#projectDetails" *ngIf="right['systemProject']['details']">
              <img src="assets/new/look.png" width="18px" height="18px">
            </span>
            <span title="新增内容" class="btn-i-auto" *ngIf="right['systemProject']['settingProduct']" data-toggle="modal" data-target="#settingProduct" (click)="setting._details(val);setting._getHasProjectProductList();initService._init(1)">
                查看内容
            </span>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>

<!-- 修改 BEGIN -->
<app-project-edit #edit (onSubmit)="getProjectList()"></app-project-edit>
<!-- 修改 BEGIN -->

<!--详情-->
<app-project-details #detail></app-project-details>
<!--详情 end-->

<!-- 设置产品 BEGIN -->
<app-project-setting #setting (onSubmit)="getProjectList()"></app-project-setting>
<!-- 设置产品 BEGIN -->